<template>
    <div class="card-wrap flex-column justify-end card-padding">
        <div class="card-title-wrap">
            <span>订单信息</span>
            <span></span>
        </div>
        <el-descriptions title="">
            <el-descriptions-item label="订单编号">
                <span style="cursor:pointer;color:blue" @click="orderGo(info.orderCode)">{{ info.orderCode|filterNull }}</span> 
            </el-descriptions-item>
            <el-descriptions-item label="客户名称">
                {{ info.customName|filterNull }}
            </el-descriptions-item>
            <el-descriptions-item label="出租方">
                {{ info.lessorName|filterNull }}
            </el-descriptions-item>
            <!-- <el-descriptions-item label="催收进度">{{ info.collectionProcess|filterNull }}</el-descriptions-item> -->
        </el-descriptions>


    </div>
</template>

<script>
import { OrderParam,} from '@/api/finance/manage/collect/api.js';
export default {
    name: "LitigationApplicationOrder",
    components: {},
    props:{
        info: {
            type: Object,
            default: () => ({}),
        },
    },
    dicts: [ 'progress_litigation'],
    data() {
        return {
            form:{
                carBasicVo:'1779677725229084674'
            },
        };
    },
    async created(){
    },
    methods: {
        // 订单编号跳转
        orderGo(info){
            OrderParam(info).then((res)=>{
                if(res.code==200){
                    this.$router.push({
                            name: 'OrderDetails',
                            query: {
                            type: res.data.carType,
                            beFrom: 'OrderView',
                            orderId: res.data.orderId,
                            preOrderId: res.data.preOrderId,
                            calcSchemeId: res.data.calcSchemeId,
                            },
                        })
                }
            })
            
        },
    }
};
</script>


<style lang="scss" scoped>
::v-deep .el-form--label-top .el-form-item__label {
    padding: 0;
}

.el-form-item {
    margin-bottom: 10px;
    width: 70%;
}

::v-deep .el-tabs__item {
    font-size: 16px !important;
    //color: #333333;
    font-weight: bold;
}

::v-deep .el-descriptions__header {
    margin-top: -8px !important;
    margin-bottom: 10px !important;
}
</style>
